.clearfix:after{content:".";display:block;clear:both;visibility:hidden;
height: 0;
line-height: 0;
font-size: 0;
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
} /*所有主流浏览器都支持 :after 伪元素。*/
.clearfix{*+height:1%; display: inline-block;}/*不知道有什么用处，不加ie7也没有问题*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{zoom:1;}/*只针对IE6/7 */
* html .clearfix{zoom: 1;overflow: visible;}
*:first-child + html .clearfix{zoom: 1; display: block;}
/* CSS Document */
* { list-style:none; padding:0; margin:0}
body{ font-size:12px; margin:0 auto; color:#656565;font-family:Microsoft YaHei; background:url(../images/bg.jpg) }
p{ line-height:25px;}
.cl{ clear:both}
a{
font-size:12px;
text-decoration:none;color:#656565;
}
a:hover{
font-size:12px;
text-decoration:none;color:#000;
}
.zi a{ font-size:12px;
text-decoration:none; color:#fff}
.zi a:hover{ font-size:12px;
text-decoration:none;color:#FFFF66}
.piczi a{ font-size:12px;
text-decoration:none; color:#06652B}
.piczi a:hover{ font-size:12px;
text-decoration:none;color:#000000}
.pad{ padding-top:15px}
.mad{ margin-top:15px}
/*---------------------------------页头样式开始-------------------------------------*/
.top{ width:100%; height:auto; margin:0px auto;background:url(../images/topbg.jpg) left top repeat-x}
.hy{ width:1002px; height:26px; margin:0 auto}
.hy_left{ width:350px; float:left; line-height:26px;color:#fff; }
.logo{ width:967px; height:63px; margin:0 auto; background:url(../images/logo.jpg) center top no-repeat; margin-top:13px;}
.hh{ height:3px;}
.logo_right{width:269px; text-align:center; float:right; line-height:26px; color:#fff; background:url(../images/logo_r.jpg) right top no-repeat;}/*设为首页 加入收藏*/
.logo_right a{ color:#fff; padding:0 18px}
.logo_right a:hover{ color:#ff6}
.menubg{ width:1002px; height:42px; margin:10px auto 0 auto;}/*导航宽高*/
.banner{ width:100%; height:auto; margin:0 auto; overflow:hidden}
.bor{ border:0px #E9E9E9 solid}
/*主体部分：主体需平铺*/
.mail{ width:100%; height:auto !important; min-height:200px; overflow:hidden; zoom:1; margin:0 auto;}
/*主体中心部分：主体不平铺*/
.box{ width:1160px; margin:0px auto; height:auto; padding-top:17px}
.hy{ width:100%;height:52px; background:#F1F1F1;}
.hy-left{ width:828px; float:left;height:52px; line-height:52px;}
.hy-right{ width:162px; float:left; height:52px;}
.hy-right img{width:162px;height:38px;}
.ptg-no{ padding-top:0 !important;}
.head{ width:1160px; height:118px; margin:0 auto;}
.head .logo{ width:636px; height:78px; float:left; margin:16px auto 0 0;}
.head .tel{ width:320px; height:84px; float:right; margin-top:10px;}
.head .tel dl{width:320px; height:84px; }
.head .tel dl dt{ width:163px; height:53px; float:left;}
.head .tel dl dd{ width:150px; float:right; line-height:14px; color:#006DBC; font-size:17px; margin-top:12px; margin-left:5px;}
/*---------------------------------首页样式开始-------------------------------------*/
/* 首页中心部分:上，中，下等等*/
.sytop{ width:100%; height:auto; margin:0 auto; overflow:hidden}
.symid{ width:100%; height:auto; margin:0 auto;overflow:hidden; background:#F6F6F6;}
.sybot{ width:100%; height:auto;margin:0 auto; overflow:hidden}
.sy4{ width:100%; height:auto; overflow:hidden}
/*首页公司简介*/
.syabout{ width:727px; height:auto; float:left; margin:0 auto;}
.syabout_top{ height:26px;background:url(../images/abouttop.png) left top no-repeat}
.syabout_bot{width:727px; height:237px; overflow:hidden; margin-top:18px;}
/*.syabout_bot_top{ width:324px; height:86px; margin:3px auto}
.syabout_bot_top img{width:324px; height:86px;}
.syabout_bot_bot{ width:330px; height:147px; overflow:hidden}*/
.in_about{padding:20px;line-height:23px;}
.in_about img{float:left;display:inline;background:url(images/);margin-right:5px; border:#84D808 0px solid; width:251px; height:237px;}
.in_about font{ color:#0F0}
/*首页资质荣誉*/
.syhonor{ width:209px; height:auto; float:left}
.syhonor_top{ height:40px;background:url(../images/1_r5_c3.jpg) left top no-repeat}
.syhonor_bot{ height:174px; overflow:hidden}
.syhonor_bot_nr{ width:209px; height:148px; margin:12px auto 0 0;}
.syhonor_bot_nr img{ width:199px; height:140px; padding:2px; border:1px #CECED0 solid}
/*首页产品分类*/
.sylist{ width:251px; height:auto; float:left; border:1px #D9D9D9 solid;}
.sylist_top{ height:114px;background:url(../images/pic-left.png) left top no-repeat}
.sylist_bot{ height:448px; overflow:hidden}
.sylist_bot ul{}
.sylist_bot ul li{ width:210px; height:auto;text-align:center;margin:19px auto;}
.sylist_bot ul li > a{ line-height:30px;color:#fff; background:#A8A8A8; display:block;border-radius:3px;}
.sylist_bot ul li ul{display:none;}
.sylist_bot ul li ul li{ width:187px; height:21px; line-height:21px; background:url(../images/ddd.png) left center no-repeat; margin:10px auto 0 23px;}
.sylist_bot ul li ul li > a{ padding-left:23px; background: none !important; color:#000 !important; height:21px !important;line-height:21px !important; text-align:left !important;}
.sylist_bot ul li ul li > a:hover{ text-decoration:underline;}
/*首页联系我们*/
.sylink{ width:433px; height:auto; overflow:hidden; float:right;border:1px #ddd solid;}
.sylink_top{ height:48px;background:url(../images/linktop.png) left top no-repeat}
.sylink_bot{ width:421px; height:324px; border-top:none; background:#F7F7F7;}
.sylink_nr{ line-height:24px; width:88%; margin:0 auto; padding-top:10px }
.fl{ float:left}
.fr{ float:right}
/*新闻公告*/
.newgg {width:850px;margin:0px auto ;}
.newgg ul{ width:850px; height:37px;}
.newgg ul li{width:425px;height:37px;line-height:37px;float:left;}
.newgg a {height:37px;line-height:37px;float:left; padding-left:10px; text-decoration:none}
.newgg font {float:right;height:37px;line-height:37px;margin-right:0px; font-size:12px}
.newgg a:hover {text-decoration:none; }
/*<div class="gg">
<div class="gg_nr">
<marquee scrollamount="2">
<div class="newgg">
<ul>
<li><a href="">麻城市星河五金科技有限公司1</a> <font>【2014-07-16】</font></li>
<li><a href="">麻城市星河五金科技有限公司2</a> <font>【2014-07-16】</font></li>
</ul>
</div>
</marquee>
</div>
</div>*/
/*图片新闻*/
.newspic{ width:387px; height:91px; margin:16px auto 8px auto; border-bottom:1px #E7E7E7 solid}
.newspic_left{ width:124px; height:76px; float:left}
.newspic_left img{ width:124px; height:76px;}
.newspic_right{ width:251px; height:75px; float:right; overflow:hidden}
.newspic_right h4{ width:251px; height:25px; line-height:22px;}
.newspic_right h4 a{ font-size:14px; color:#D81F27; font-weight:bold}
.newspic_right h4 a:hover{ color:#666}
.newspic_right span{ width:251px; height:48px; line-height:22px; color:#666; margin-top:3px}
/*首页新闻*/
.synews{ width:348px; height:auto; float:left; margin:0 auto 0 14px}
.synews_top{ height:26px;background:url(../images/newstop.png) left top no-repeat}
.synews_bot{ width:348px; height:237px; overflow:hidden;}
/*首页新闻*/
.synews2{ width:703px; height:auto; float:left; margin:0 auto; border:1px #ddd solid;}
.synews2_top{ height:48px;background:url(../images/newstop2.png) left top no-repeat}
.synews2_bot{ width:678px; height:324px; overflow:hidden; background:#F7F7F7;}
/*首页新闻列表*/
.new {width:95%;margin:15px auto 0 auto;}
.new li {width:100%;height:26px;line-height:26px;float:left;display:inline;background:url(../images/dian.png) left center no-repeat;border-bottom: 0px #DFDFDF dashed; overflow:hidden;}
.new li.dian2 {width:100%;height:26px;line-height:26px;float:left;display:inline;background:url(../images/dian2.png) left center no-repeat;border-bottom: 0px #DFDFDF dashed; overflow:hidden;}
.new a {height:26px;line-height:26px;float:left; padding-left:18px; text-decoration:none;}
.new font {float:right;height:29px;line-height:29px;margin-right:0px; font-size:12px}
.new a:hover {text-decoration:none; }
.ct2{ width:1440px; height:10px; background:#E5EFF8;margin:0px auto;}
/*首页生产设备、图片切换等等*/
.sytu{ width:276px; height:auto; }
.sytu_top{ height:33px; background:url(../images/sytu.jpg) left center no-repeat;}
.sytu_bot{ width:253px;height:240px; margin:2px auto;overflow:hidden;}
.sytu_bot_nr{ width:253px;height:235px; margin:2px auto;overflow:hidden; background:url(../images/tu.jpg) center top no-repeat}
/*首页产品展示*/
.sypic{ width:862px; height:auto; float:right; overflow:hidden}
.sypic_top{ height:49px;background:url(../images/picbg.png); border:1px #D9D9D9 solid;}
.sypic_top span.left{ width:132px; height:49px; background:url(../images/ddd2.png) left center no-repeat; margin-left:12px; float:left;}
.sypic_top span.left em{ padding-left:28px; color:#006DBC; line-height:49px; font-style:normal; font-size:16px;}
.sypic_top span.right{ width:51px; height:18px; margin:17px 6px 0 auto; float:right;background:url(../images/more.png) left center no-repeat;}
.sypic_top span.right img{ width:51px; height:18px;}
.sypic_bot{ width:862px; height:auto; overflow:hidden;}
.sypic_bot ul{}
.sypic_bot ul li{ width:187px; height:236px; float:left; margin-right:18px;margin-top:20px;margin-left:10px;}
.sypic_bot ul li img{ width:187px; height:204px;}
.sypic_bot ul li p{ width:187px; height:32px; line-height:32px; text-align:center;}
.ct{ width:1440px; height:auto; margin:15px auto;}
/*首页产品展示2：两排*/
.sypic2{ width:1140px; height:auto; overflow:hidde; margin:0 auto;}
.sypic2_top{ height:39px;background:url(../images/pictop.png) left center no-repeat;}
.sypic2_bot{ width:1140px; height:215px; overflow:hidden}
/*首页友情链接：文字*/
.syfri{ width:1002px; height:auto; margin:0 auto; background:; }
.syfri_top{ height:31px;background:url(../images/syfried.jpg) left center no-repeat; border-bottom:1px #DDDDDD dashed}
.syfri_bot{ width:1002px; height:43px; overflow:hidden;line-height:43px;}
.syfri_bot a{ padding:0 15px;}
/*.syfri span{ width:87px; line-height:30px; float:left; font-weight:bold; color:#0C6707; font-size:14px; text-align:left; padding-left:15px}
.syfri_nr{ padding:0 15px; color:#000; text-align:left}
.syfri_nr a{ color:#000}
.syfri_nr a:hover{ color:#0C6707}*/
/*首页友情链接：图片*/
.syfripic{ width:1002px; height:auto; margin:0 auto;}
.syfripic_top{ height:31px;background:url(../images/fritop.jpg) left center no-repeat; border:1px #DDDDDD dashed}
.syfripic_bot{ width:1002px; height:43px; overflow:hidden}
.syfripic_bot li{ width:95px; height:56px; margin:6px 9px; float:left}
.syfripic_bot li img{ width:95px; height:42px; margin:6px 9px; float:left}
/*-------------------------------------------内页样式开始-----------------------------------------------*/
/*左侧列表栏目*/
.boxleft{width:251px; margin:0px; float:left}
/*内页产品分类*/
.nylist{width:251px; height:auto; margin:0 auto}
.nylist_top{height:100px; background:#026BC7; color:#fff;}
.nylist_bot{ width:251px;height:auto !important; min-height:180px; zoom:1; overflow:hidden}
.nylist_top .classname{ line-height:30px;font-size:25px; color:#fff; text-align:center; padding-top:15px; font-weight:bold;}/* 类别名称*/
.nylist_top .classname2{ line-height:41px;font-size:18px; color:#fff; text-align:center; font-weight:bold;}
.nylist_bot ul{}
.nylist_bot ul li{ width:210px; height:auto;text-align:center;margin:19px auto;}
.nylist_bot ul li > a{ line-height:30px;color:#fff; background:#A8A8A8; display:block;border-radius:3px;}
.nylist_bot ul li ul{display:none;}
.nylist_bot ul li ul li{ width:187px; height:21px; line-height:21px; background:url(../images/ddd.png) left center no-repeat; margin:10px auto 0 23px;}
.nylist_bot ul li ul li > a{ padding-left:23px; background: none !important; color:#000 !important; height:21px !important;line-height:21px !important; text-align:left !important;}
.nylist_bot ul li ul li > a:hover{ text-decoration:underline;}
/*产品分类列表*/
.aboutleft2 {
width:217px;
font-size:12px; margin:0 auto; padding-top:0px; height:auto; padding-bottom:0px
}
.aboutleft2 li {
line-height:38px;
width:217px; height:38px; padding-top:0px;background:url(../images/nylistli.jpg) left center no-repeat; margin-top:10px;
}
.aboutleft2 a {
height:38px;width:217px;
line-height:38px;
float:left;font-size:14px;
text-align:center;color:#666;
}
.aboutleft2 a:hover {
font-size:14px;width:217px; height:38px;
text-decoration:none;
text-align:center; color:#fff;background:url(../images/nylisthover.jpg) left center no-repeat;
}
/*内页联系我们*/
.boxleft_bot{ margin-top:15px;}
.nylink{ width:251px; height:auto; margin:15px auto 0 auto}
.nylink_top{ height:48px;background:#026BC7; color:#fff; line-height:48px;font-weight:bold; font-size:18px;}
.nylink_top span{ padding-left:25px;}
.nylink_bot{ width:251px; height:auto !important; min-height:180px; zoom:1; overflow:hidden}
.nylink_nr{ line-height:24px; width:100%; margin:0 auto; padding:20px;}
/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:12px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:12px;}
.new1 a:hover {font-size:12px;text-decoration:none; }
/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width:187px; margin:10px 14px; height:220px; float: left; overflow: hidden;}
.product li .img{width:185px;height:194px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
.product li a{ display:block;}
.product li img{ max-width:185px; max-height:194px;vertical-align:middle; }
.product li p{ text-align:center; height:30px;line-height:30px;width: 100%;}
.product_title{text-align:center; font-weight:bold;padding:5px; width:100%}
.product_related{text-align:center; padding:5px; width:100%}
.proimg{ text-align:center; width:90%; height:auto}
.page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#0266C4; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#0266C4; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}
/*右侧主体*/
.boxright{ width:862px; height:auto; float:right;}
.boxright_top{ width:862px; height:49px; background:url(../images/picbg.png) repeat-x;border: 1px #D9D9D9 solid;}
.boxright_mid{ width:862px; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:862px; height:auto; background:url(../images/nybot.jpg) center top no-repeat;}
.brt_left{width: 400px;height: 49px;background: url(../images/ddd2.png) left center no-repeat;margin-left: 12px;float: left;}
.brt_left em {
padding-left: 28px;
color: #006DBC;
line-height: 49px;
font-style: normal;
font-size: 16px;
}
.brt_right{ float:right; text-align:right; line-height:49px;margin-right:15px; }
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px;text-align: center; }/*右侧内容*/
.content table{ text-align:center; display:block;margin-left: 29%;}
.content .xq_nr p{ text-align:left;}
.fenye{text-align:left; margin:20px auto;}
/*---------------------------------页尾样式开始-------------------------------------*/
.foot {
width: 100%;
height: 340px;
background: #333333;
margin: 10px auto 0 auto;
text-align: center;
color: #FFFFFF;
}
.f_lxwm {
background: #87B4E1;
width: 100%;
height: 210px;
margin: 0 auto;
}
.f_lxwm ul {
width: 1200px;
margin: 0 auto;
}
.f_lxwm li {
float: left;
width: 300px;
background: url(../images/index_45.png) top right no-repeat;
height: 210px;
}
.f_lxwm li span {
height: 52px;
display: block; padding-top: 45px;
}
.f_lxwm li p {
margin-top: 15px;
}
.f_dibu {
background: url(../images/foot.png) repeat-x;
height: 210px;
width: 100%;
}
.foot_top {
padding-top: 10px;
width: 1200px;
text-align: left;
margin:0 auto;
}
.f_left {
float: left;
width: 880px; padding-left:25px;
}
.foot_menu {
height: 48px;
line-height: 48px;
text-align: left;
color: #fff;
}
.foot_menu a {
padding: 0 8px;
color: #fff;
}
.f_right {
width: 160px;
height: 187px;
overflow: hidden; margin-top:8px;
}
.weixin img {
width: 160px;
height: 187px;
overflow: hidden;
}
<!--滚动图片-->
.index_Roll { width:1100px; height:215px; padding:5px 0px;overflow:hidden; margin-top:12px}
#demo { overflow:hidden; width:1100px; height:215px; margin:0 auto;overflow:hidden;}
#demo img { border: 1px solid #CCCCCC; }
#indemo { float: left; width:800%; }
#demo #indemo img { width:170px; height:176px; padding:1px;}
#demo #indemo a { display:block; width:170px; float:left; margin:10px 10px 0px 10px;}
#demo #indemo p { text-align:center; line-height:30px; width:170px; }
#demo1 { float: left; }
#demo2 {float: left;}
<!--滚动图片2-->
.index_Rolla { width:955px; height:196px; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden; width:955px; margin:0 auto;overflow:hidden;}
#demoa img { border: 1px solid #D2D2D2; }
#indemoa { float: left; width:800%; }
#demoa #indemoa img { width:211px; height:155px; padding:5px; }
#demoa #indemoa a { display:block; width:218px; float:left; margin:8px 10px 0px 10px;}
#demoa #indemoa p { text-align:center; line-height:30px; width:218px;}
#demoa1 { float: left;}
#demoa2 {float: left;}
.message{ width:317px; height:345px; float:right; background:#EAEAEA}
.message_top{width:317px; height:42px; line-height:42px; font-size:14px; font-weight:bold; text-align:center}
.message_bot{ width:287px; height:303px; margin:0 auto}
.message_bot li{ width: 287px; height: 26px;line-height: 26px; text-align: left;margin-bottom: 10px;}
.message_bot li input {width: 187px;height:24px;line-height: 24px;border: 1px solid #CCC;}
.message_bot li .in{width:70px; height:24px;line-height: 24px; border: 1px solid #CCC;}
.message_bot .t{ width:287px; height:77px;}
.message_bot .t textarea{ width:221px; height:77px; border: 1px solid #CCC;}
.message_bot li .bottom{ width:82px; height:26px; float:right; background:url(../images/bottom.jpg) right bottom no-repeat}